
<template>
  <div class="HUangdq">
    <Huangheader2/>
   <div class="logo-classify-container">
      <HuangLogoInput />
      <Huangclassify />
    </div>
  <div class="Huangcontainer">
    <Huangarea />
    <Huanglist1 />
    <HuangSumList/>
  </div>
  </div>
  <Huangback/>
</template>

<script setup lang="ts">

</script>

<style scoped>
.HUangdq {
  height: 100vh;
}
.Huangcontainer {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  gap: 20px;
   flex-direction: column; 
}
.Huangcontainer {
  background-color: #f4f4f4;
}
.logo-classify-container {
  z-index: 2;

  flex-direction: column;
  align-items: center; /* 水平居中 */
  justify-content: center; /* 垂直居中（可选） */
  width: 100%;
  margin-top: 20px; /* 可根据需要调整间距 */
}
</style>